<div ng-controller="CouponCtrl" ng-init="infoAction()">
    <ul class="sui-breadcrumb">
        <li>
            <a href="#/coupon/list">{{'卡券'| translate}}</a></li>
        <li>
            {{'卡券详情'|translate}}
        </li>
        <span class="sui-form sui-form pull-right"> 
            <!-- <wx-app-list ng-model="wxappid" dft="1" ary="storeary"> </wx-app-list> -->
            
        </span>
    </ul>
    <div id="js_detail_container">
        <div class="highlight_box group">
            <div>
                <span>卡券状态: <b>  </b></span>
            </div>
            <div>
                <span>卡券ID: <b>{{card_id}}</b></span>
            </div>
        </div>
        <div>
            <div class="sui-form form-horizontal">
                <div class="control-group">
                    <label class="control-label v-top">
                        商户：
                    </label>
                    <div class="controls">
                        {{card_info.brand_name}}
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        卡券标题：
                    </label>
                    <div class="controls">
                        {{card_info.title}}
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        卡券副标题：
                    </label>
                    <div class="controls">
                        {{card_info.sub_title?card_info.sub_title:'无'}}
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        卡券颜色：
                    </label>
                    <div class="controls">
                        {{card_info.color}}
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        有效期：
                    </label>
                    <div class="controls">
                        {{card_info.begin_timestamp}} --- {{card_info.end_timestamp}}
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        封面图片：
                    </label>
                    <div class="controls">
                        <span ng-repeat="(key, value) in card_info.icon_url_list">
                            <img ng-src="{{value}}">
                        </span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        封面简介：
                    </label>
                    <div class="controls">
                        {{card_info.abstract}}
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label v-top">
                        优惠说明：
                    </label>
                    <div class="controls">
                        {{card_info.deal_detail}}
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>